<template>
  <h2>这是一个App组件</h2>
  <hr />
  <HelloWorld @hha="btnFn" msg="hello World" school="深圳硅谷">
    <template>
      <p>这是一个默认的插槽传递过来的结构样式</p>
    </template>
    <template #footer>
      <p>这是一个底部样式结构</p>
    </template>
  </HelloWorld>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue"
export default {
  name: "APP",
  components: { HelloWorld },
  setup() {
    function btnFn(val) {
      console.log("接收到了子组件传递过来的值...", val)
    }
    return {
      btnFn,
    }
  },
}
</script>

<style></style>
